﻿<!DOCTYPE html>
<html lang="en">

<head>
    <title>CDUT - Checkout</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="assets/images/logocdut.png">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="http://cdn.bootstrapmb.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/jquery-ui.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/chosen.min.css">
    <link rel="stylesheet" href="assets/css/pe-icon-7-stroke.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
    <link rel="stylesheet" href="assets/css/lightbox.min.css">
    <link rel="stylesheet" href="assets/js/fancybox/source/jquery.fancybox.css">
    <link rel="stylesheet" href="assets/css/jquery.scrollbar.min.css">
    <link rel="stylesheet" href="assets/css/mobile-menu.css">
    <link rel="stylesheet" href="assets/fonts/flaticon/flaticon.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body class="inblog-page">
    <header class="header style7">
        <div class="top-bar">
            <div class="container">
                <div class="top-bar-left">
                    <div class="header-message">
                        欢迎来到我们的商店!
                    </div>
                </div>
                <div class="top-bar-right">
                    <ul class="header-user-links" th:if="${session.loginUser==null}">
                        <li>
                            <a th:href="@{/login}">登录/注册</a>
                        </li>
                    </ul>
                    <ul class="header-user-links" th:if="${session.loginUser!=null}">
                        <li>
                            <a>用户: </a>
                            <a th:text="${session.loginUser.username}"> </a>
                            <a> 您好！</a>
                            <a th:href="@{/user/logout}" th:text="' 注销'"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="main-header">
                <div class="row">
                    <div class="col-lg-3 col-sm-4 col-md-3 col-xs-7 col-ts-12 header-element">
                        <div class="logo">
                            <a th:href="@{/home}">
                                <img src="assets/images/logo.jpg" alt="img">
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-7 col-sm-8 col-md-6 col-xs-5 col-ts-12">
                        <div class="block-search-block">
                            <form class="form-search form-search-width-category">
                                <div class="form-content">
                                    <div class="inner">
                                        <input type="text" class="input" name="s" value="" placeholder="搜索你感兴趣的商品"
                                            id="searchvalue">
                                    </div>
                                    <button class="btn-search" type="button" id="search">
                                        <span class="icon-search"></span>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-nav-container">
            <div class="container">
                <div class="header-nav-wapper main-menu-wapper">
                    <div class="vertical-wapper block-nav-categori">
                        <div class="block-title">
                            <span class="text">主页目录</span>
                        </div>
                    </div>
                    <div class="header-nav">
                        <div class="container-wapper">
                            <ul class="CDUT-clone-mobile-menu CDUT-nav main-menu " id="menu-main-menu">
                                <li class="menu-item  menu-item-has-children">
                                    <a th:href="@{/home}" class="CDUT-menu-item-title" title="Home">主页</a>
                                    <span class="toggle-submenu"></span>
                                    <ul class="submenu">

                                        <li class="menu-item">
                                            <a th:href="@{/home}">主页</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item menu-item-has-children">
                                    <a th:href="@{/gridproducts_bannerslider}" class="CDUT-menu-item-title"
                                        title="Shop">铺子</a>
                                </li>
                                <li class="menu-item">
                                    <a th:href="@{/about}" class="CDUT-menu-item-title" title="About">关于我们</a>
                                </li>
                                <li class="menu-item">
                                    <a th:href="@{/shoppingcart}" class="CDUT-menu-item-title" title="add">发布</a>
                                </li>
                                <li class="menu-item" th:if="${session.loginUser!=null}">
                                    <a th:href="'gridproducts_bannerslider_my?uid='+${session.loginUser.uid}"
                                        class="CDUT-menu-item-title" title="add">我的</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="header-device-mobile">
        <div class="wapper">
            <div class="item mobile-logo" style="left: 120px;padding-bottom: 0px;bottom: 35px;">
                <div class="logo">
                    <a href="#">
                        <img width="50%" src="assets/images/logocdut.png" alt="img" style="width:40%;magin-top: 5px;">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="main-content main-content-checkout">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-trail breadcrumbs">
                        <ul class="trail-items breadcrumb">
                            <li class="trail-item trail-begin">
                                <a th:href="@{/home}">主页</a>
                            </li>
                            <li class="trail-item trail-end active">
                                账单
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <h2 class="custom_blog_title">
                账单
            </h2>
            <div class="checkout-wrapp">
                <div class="shipping-address-form-wrapp">
                    <div class="shipping-address-form  checkout-form">
                        <div class="row-col-1 row-col">
                            <div class="shipping-address">
                                <h3 class="title-form">
                                    您的邮寄地址
                                </h3>
                                <p class="form-row form-row-first">
                                    <label class="text">您的名字</label>
                                    <input title="first" type="text" class="input-text">
                                </p>
                                <p class="form-row form-row-last">
                                    <label class="text">您的姓</label>
                                    <input title="last" type="text" class="input-text">
                                </p>
                                <p class="form-row forn-row-col forn-row-col-1">
                                    <label class="text">校区</label>
                                    <select title="country" data-placeholder="United Kingdom" class="chosen-select"
                                        tabindex="1">
                                        <option value="United States">宜宾校区</option>
                                        <option value="United Kingdom">本校区</option>
                                    </select>
                                </p>
                                <p class="form-row forn-row-col forn-row-col-2">
                                    <label class="text">宿舍楼</label>
                                    <input type="text">
                                </p>
                                <p class="form-row forn-row-col forn-row-col-3">
                                    <label class="text">寝室号</label>
                                    <input type="text">
                                </p>

                            </div>
                        </div>
                        <div class="row-col-2 row-col">
                            <div class="your-order">
                                <h3 class="title-form">
                                    请提交您的信息给对方！
                                </h3>
                            </div>
                        </div>
                    </div>
                    <a href="#" class="button button-payment">提交信息</a>
                </div>
                <div class="end-checkout-wrapp">
                    <div class="end-checkout checkout-form">
                        <a th:href="@{/gridproducts_bannerslider}" class="button btn-return">返回商店</a>
                    </div>
                </div>
            </div>
        </div>
        <script src="assets/js/jquery-1.12.4.min.js"></script>
        <script src="assets/js/jquery.plugin-countdown.min.js"></script>
        <script src="assets/js/jquery-countdown.min.js"></script>
        <script src="http://cdn.bootstrapmb.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/magnific-popup.min.js"></script>
        <script src="assets/js/isotope.min.js"></script>
        <script src="assets/js/jquery.scrollbar.min.js"></script>
        <script src="assets/js/jquery-ui.min.js"></script>
        <script src="assets/js/mobile-menu.js"></script>
        <script src="assets/js/chosen.min.js"></script>
        <script src="assets/js/slick.js"></script>
        <script src="assets/js/jquery.elevateZoom.min.js"></script>
        <script src="assets/js/jquery.actual.min.js"></script>
        <script src="assets/js/fancybox/source/jquery.fancybox.js"></script>
        <script src="assets/js/lightbox.min.js"></script>
        <script src="assets/js/owl.thumbs.min.js"></script>
        <script src="assets/js/jquery.scrollbar.min.js"></script>
        <script src='http://ditu.google.cn/maps/api/js?key=AIzaSyC3nDHy1dARR-Pa_2jjPCjvsOR4bcILYsM'></script>
        <script src="assets/js/frontend-plugin.js"></script>
        <script type="text/javascript">
            var searchbtn = document.getElementById("search");
            searchbtn.onclick = function () {
                name = document.getElementById("searchvalue").value;
                if (name == "") {
                    alert("请填写要搜索的商品名称");
                    return;
                }
                var xhr = new XMLHttpRequest();
                var params = "name=" + name;
                xhr.open("GET", "/good/querygoodbyname2?" + params, true);
                xhr.send();
                xhr.onload = function () {
                    document.write(xhr.responseText);
                }
            }
        </script>
</body>

</html>